import styled from "styled-components";

export const HotRecommendWrap = styled.div``;

export const HotRecommendBox = styled.div`
  :after {
    clear: both;
    content: "";
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
  }
  .hot_box {
    width: 140px;
    position: relative;
    float: left;
    height: 204px;
    margin-left: 42px;
    margin-bottom: 50px;
    :nth-child(1),
    :nth-child(5) {
      margin-left: 0;
    }
    /* .imagebox{
            position: relative;
          

            .ab_ejbf{
            width: 140px;
            height: 27px;
            line-height: 27px;
            position: absolute;
            left: 0;
            bottom: 0;
            color: #ccc;
            background-image: url(${require("@/assets/img/sprite_cover.png")
      .default});
            background-position: 0 -537px;
            z-index:999;
            }
            .ttxt{
                 float: left;
                 margin: 3px 0 0 0;
            }
            .erji{
                float: left;
                width: 14px;
                height: 11px;
                background-position: 0 -24px;
                background-image: url(${require("@/assets/img/sprite_icon.png")
      .default});
                margin: 9px 5px 9px 10px;
            }
            .bofang{
                position: absolute;
                right: 10px;
                bottom: 5px;
                width: 16px;
                height: 17px;
                background-position: 0 0;
                display: inline-block;
                background-image: url(${require("@/assets/img/sprite_icon.png")
      .default});
                cursor: pointer;
            }
        } */
    .h-cov {
      position: absolute;
      background-position: 0px 0px;
      width: 140px;
      height: 140px;
      top: 0;
      left: 0;
      text-indent: -9999px;
    }
    .itemName {
      font-size: 14px;
      color: #000;
      line-height: 20px;
      display: block;
    }
  }
`;
